<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> -->
    <script src="vue.js"></script>
<body>

    <!-- 
    ctrl + s  保存文件 
    ctrl + /  生成注释
    ctrl + x  快速剪掉一行
    步骤：
    0、新建html文件，别忘了.html后缀
    1. 引入vue.js
    2. 准备容器 id=“app”
    3. 实例化vue对象(a,b,c)
    4. 安装 open in browers 插件, 鼠标右键Open in default browers预览
    -->
    <p>vue管不到的地方{{msg}}</p>
    <div id="app">
        <!-- c: 插值表达式，接数据 -->
         {{msg}}
    </div>
</body>
<script>
    // 实例化vue
    var app = new Vue({
        // a:制定控制哪个元素，把id告诉我
        el:'#app',
        // b:设置要传输的数据
        data:{
            msg:'Hello Vue !'
        }
    })
</script>
</html>